<template>
  <div id="down">
    <div class="upl">
      <!-- 上传文件 -->
      <p>&nbsp;&nbsp;输入文件</p>
      <div class="file"></div>
    </div>

    <!-- 下载 -->
    <div class="dwn">
      <p>&nbsp;&nbsp;输出文件</p>
      <div class="file"></div>
    </div>

    <!-- 输出图像 -->
    <div class="output">
      <p>&nbsp;&nbsp;输出图像</p>
      <div class="file"></div>
    </div>

    <!-- 评估结果 -->
    <div class="ass">
      <p>&nbsp;&nbsp;评论结果</p>
      <div class="file"></div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
#down {
  width: 900px;
  margin-left: 40px;
  margin-top: 20px;
  p {
    width: 300px;
    height: 50px;
    background: url("@/assets/image/title_4.png") no-repeat;
    color: white;
    font-size: 18px;
  }
  .file {
    width: 900px;
    height: 100px;
    background-color: gainsboro;
  }
  .dwn {
    margin-top: 100px;
  }
  .output {
    margin-top: 100px;
  }
  .ass {
    margin-top: 100px;
  }
}
</style>> 

